<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>联系我们</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/suit.css">

</head>
<body class="home-template">
	<header class="main-header">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<a class="branding" href="" title="西装网"><img src="images/logo.png"></a>
				</div>
			</div>
		</div>
		<div class="loginreg absolute">
			<a id="toplogin" onclick="GoLogin(null, true)">登录</a> | <a id="topreg" onclick="GoLogin()">注册</a><br/>
			<a>EN</a> <a>中文</a>
		</div>
	</header>
	<!-- start navigation -->	  
	<nav class="main-navigation">
	  	<div class="nav-container">
	  		<div class="row">
	  			<div class="col-sm-12">
	  				<div class="navbar-header">
	  					<span class="nav-toggle-button collapsed" data-toggle="collapse" data-target="#main-menu">
	  						<span class="sr-only">Toggle navigation</span> <i class="icon-align-justify"></i>
	  					</span>
	  				</div>
	  				<div class="collapse navbar-collapse" id="main-menu">
	  					<ul class="menu">
	  						<li class="nav-current" role="presentation">
	  							<a href="index.html">首页</a>
	  						</li>
	  						<li  role="presentation">
	  							<a href="list.html">西装</a>
	  						</li>
	  						<li  role="presentation">
	  							<a href="">大衣</a>
	  						</li>
	  						<li  role="presentation">
	  							<a href="">衬衫</a>
	  						</li>
	  						<li  role="presentation">
	  							<a href="">配饰</a>
	  						</li>
	  						<li  role="presentation">
	  							<a href="">鞋子</a>
	  						</li>
	  						<li  role="presentation">
	  							<a href="contact.html">联系我们</a>
	  						</li>
	  					</ul>
	  				</div>
	  			</div>
	  		</div>
	  	</div>
	</nav>
	<!-- end navigation -->	  
	
	<!-- start contain -->
	<div class="suitcon">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<div class="contactcon">
						<h1>联系我们</h1>
						<ul>
	                		<li><span>手机：</span>18816972389</li>
	                		<li><span>电话：</span>021-52668050</li>
	                		<li><span>微信：</span>Edward_XieZaiMin</li>
	                		<li><span>地址：</span>上海市华山路1520弄27号101</li>
	                	</ul>
	                	<img class="img-responsive contact-erweima" src="images/erweima.png">
	                	<img class="img-responsive" src="images/map.png">
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end contain -->
	<!-- start footer -->
	<div class="footer">
		<div class="container">
			<div class="copyright">
				Copyright © 2015 XiZhuang 版权所有	备案号：沪ICP20141125
			</div>
		</div>
	</div>
	<!-- end footer -->
			<!--模态框容器-->
<div class="modal fade" id="SuitModal" tabindex="-1" role="dialog" aria-labelledby="SuitModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
           <div class="modal-body">
           <div class="text-right">
	           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
	           <img class="img-responsive" aria-hidden="true" src="images/login-close.png" alt="">
	          </button>
	        </div>
		<div class="row">

				<!-- login -->
				<div class="login" style="display: block;">
				   <div class="col-sm">
				     	<h3>会员登录</h3>
				     	
				   	   <form action="/Passport/Login" data-ajax="true" data-ajax-begin="Login_OnBegin" data-ajax-method="Post" data-ajax-success="Login_OnSuccess" id="LoginForm" method="post" name="LoginForm" role="from">
						 <div class="form-group">
    							<span class="sin">
    							登录名
    							</span>
    							<div class="relative">
    							  <input type="text" class="form-control" name="username" placeholder="邮箱/用户名/手机"/>
    						    </div>
    						</div>
						<div class="form-group">
							<span class="sin">
								密码
							</span>
							<div class="relative">
							   <input type="password" class="form-control" id="Password" name="password" placeholder="请填写您的密码"/>
							</div>
						</div>
						<div class="clearfix text-center">
							<button class="fbtn btn btn-block" id="loginBtn" type="submit" data-loading-text="登录中..." onclick="return Login_Validate();">登录</button>
						</div>
					</form>
					<div class="clearfix login-cted">
					    <a class="abtn f-left"><input type="checkbox" id="checkbox-1-1" class="regular-checkbox" /><label for="checkbox-1-1"></label>自动登录</a>

						<a class="abtn f-right" href="/Passport/Forgot">忘记密码？</a>	
					</div>
				   </div>
					<div class="text-center log_b">
						<a class="abtn_reg" onclick="ChangeRegister()">立即注册</a>
					</div>			
					<script>
                    function ChangeRegister() {
                        $("#SuitModal div.login").hide();
                        $("#SuitModal div.register").show();
                    }

                    function Login_Validate() {
                        var result = true;
                        try {
                            if ($.trim($("#UserName").val()).length === 0) {
                                $($("#UserName").parent()).pulsate({
                                    color: "#E35970",
                                    repeat: 2
                                });
                                result = false;
                            }
                        } catch (e) {
                            $("#UserName").parent().addClass("has-error");
                        }
                        try {
                            if ($.trim($("#Password").val()).length === 0) {
                                $($("#Password").parent()).pulsate({
                                    color: "#E35970",
                                    repeat: 2
                                });
                                result = false;
                            }
                        } catch (e) {
                            $("#Password").parent().addClass("has-error");
                        }

                        return result;
                    }

                    function Login_OnBegin() {
                        $("#loginBtn").button("loading");
                        $("#tiper-login").hide();
                    }

                    function Login_OnSuccess(data) {
                        if (data.Login) {
                            $('#SuitModal').modal('hide');
                            window.location.href = data.Url;
                        } else {
                            $("#tiper-login").show().find("span").html(data.Msg);
                            $("#loginBtn").button("reset");
                        }
                    }
                </script>
				</div>
				<!-- login end -->
				<!-- register -->
				<div class="register" style="display:none;">
				   <div class="col-sm">
					<h3>注册</h3>
					<form id="defaultForm" method="post" class="form-horizontal" action="target.php">
                        <div class="form-group">
    							<span class="sin">
    							登录名
    							</span>
    							<div class="relative">
    							  <input type="text" class="form-control" name="username" placeholder="邮箱/用户名/手机"/>
    						    </div>
    						</div>
    					<div class="form-group">
							<span class="sin">
							真实姓名
							</span>
							<div class="relative">
							    <input type="text" class="form-control" id="RealName" name="RealName" placeholder="" >
						    </div>
						</div>
						<div class="form-group">
							<span class="sin">
							电话
							</span>
							<div class="relative">
							    <input  class="form-control" id="UserPhone" name="UserPhone" placeholder="" type="text">
						    </div>
						</div>
						<div class="form-group">
							<span class="sin">
								密码
							</span>
							<div class="relative">
							   <input type="password" class="form-control" id="Password" name="password" placeholder="请填写您的密码"/>
							</div>
						</div>
						<div class="form-group">
							<span class="sin">
								确认密码
							</span>
							<div class="relative">
							   <input type="password" class="form-control" id="confirmPassword" name="confirmPassword" placeholder="请重复您的密码" >
							</div>
						</div>
						<div class="clearfix text-center">
							<input id="RegistrationPageType" name="RegistrationPageType" type="hidden" value="101">				
							<button class="fbtn btn btn-block" id="registerBtn" type="submit" data-loading-text="注册中..." onclick="return Register_Validate();">立即注册</button>
						</div>
                    </form>
					</div>
					<div class="text-center reg_b">
						<a class="abtn" onclick="ChangeLogin()">已有账号，立即登录</a>
					</div>				
					<script>

                    function ChangeLogin() {
                        $("#SuitModal div.register").hide();
                        $("#SuitModal div.login").show();
                    }

                    function GetCheckCode(e) {
                        var mobile = $.trim($("#Mobile").val());
                        if (mobile.length === 0) {
                            try {
                                $($("#Mobile").parent()).pulsate({
                                    color: "#E35970",
                                    repeat: 2
                                });
                            } catch (e) {
                                $("#Mobile").parent().addClass("has-error");
                            }
                        } else if (!validateFormat.mobile.test(mobile)) {
                            $("#tiper-register").show().find("span").html("请输入您正在使用的手机号码");
                            try {
                                $($("#Mobile").parent()).pulsate({
                                    color: "#E35970",
                                    repeat: 2
                                });
                            } catch (e) {
                                $("#Mobile").parent().addClass("has-error");
                            }
                        } else {
                            var data = Sms_GetCheckCodeData(e, mobile);
                            if (data.Result) {
                                $("#tiper-register").hide();
                            } else {
                                $("#tiper-register").show().find("span").html(data.Msg);
                            }
                        }
                    }

                    function Register_Validate() {
                        var result = true;
                        if ($.trim($("#Mobile").val()).length === 0) {
                            try {
                                $($("#Mobile").parent()).pulsate({
                                    color: "#E35970",
                                    repeat: 2
                                });
                            } catch (e) {
                                $("#Mobile").parent().addClass("has-error");
                            }
                            result = false;
                        } else if (!validateFormat.mobile.test($.trim($("#Mobile").val()))) {
                            $("#tiper-register").show().find("span").html("请输入您正在使用的手机号码");
                            try {
                                $($("#Mobile").parent()).pulsate({
                                    color: "#E35970",
                                    repeat: 2
                                });
                            } catch (e) {
                                $("#Mobile").parent().addClass("has-error");
                            }
                            result = false;
                        } else if ($.trim($("#CheckCode").val()).length === 0) {
                            try {
                                $($("#CheckCode").parent()).pulsate({
                                    color: "#E35970",
                                    repeat: 2
                                });
                            } catch (e) {
                            }
                            result = false;
                        }
                        return result;
                    }

                    function Register_OnBegin() {
                        $("#registerBtn").button("loading");
                        $("#tiper-register").hide();
                    }

                    function Register_OnSuccess(jsn) {
                        if (jsn.status) {
                            statistic_register();
                            $('#SuitModal').modal('hide');
                            GoCurrPageUrl();
                        } else {
                            $("#tiper-register").show().find("span").html(jsn.msg);
                            $("#registerBtn").button("reset");
                        }
                    }
                </script>
				</div>
	            <!-- register end -->
			
		</div>
	  </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        try {
            // 清空模态框数据
            $("#SuitModal").on("hidden.bs.modal", function () {
                $(this).removeData("bs.modal");
                $(this).find("div.modal-content").empty();
            });
        } catch (e) { }
    });
    // 模态框（Modal）尺寸处理
    function Modal_Resize(width) {
        $("#SuitModal div.modal-dialog").css({ "max-width": width + "px","width":"auto" });
    }
    // 模态框（Modal）尺寸处理
    function Modal_ResizeById(modal, width) {
        $(modal + " div.modal-dialog").css({ "max-width": width + "px", "width": "auto" });
    }
</script>

    <!-- End: Modal -->

	<script type="text/javascript" src="js/jquery.min.js"></script>
	 <script src="js/common.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
//顶部登录和注册
    $('#toplogin').click(function(){
    	$('.login').css('display',"block");
    	$('.register').css('display',"none");
    })
     $('#topreg').click(function(){
    	$('.login').css('display',"none");
    	$('.register').css('display',"block");
    })
 </script>



</body>
</html>